<template>
	<view class="page">
	  <view class="box_1">
	    <view class="section_5">
	      <view class="group_2">
	        <view class="image-text_8">
	          <image src="/static/img/ab90a4e930710c1b0bb4cb71512bb4b7.png" class="label_1"></image>
	          <text lines="1" class="text-group_1">聚易保</text>
	        </view>
	      </view>
	      <view class="group_3">
	        <view class="group_4"></view>
	        <view class="box_7">
	          <view class="text-group_10">
	            <text lines="1" class="text_1">国鼎金河</text>
	            <view class="text-wrapper_1">
	              <text lines="1" class="text_2">1.5</text>
	              <text lines="1" class="text_3">l/坛</text>
	            </view>
	          </view>
	          <view class="text-wrapper_2">
	            <text lines="1" class="text_4">x</text>
	            <text lines="1" class="text_5">1</text>
	          </view>
	        </view>
	        <view class="text-wrapper_3">
	          <text lines="1" class="text_6">¥</text>
	          <text lines="1" class="text_7">299.00</text>
	        </view>
	      </view>
	      <view class="group_6">
	        <view class="text-wrapper_4">
	          <text lines="1" decode="true" class="text_8">配送方式&nbsp;&nbsp;&nbsp;&nbsp;</text>
	          <text lines="1" class="text_9">快递发送</text>
	        </view>
	        <text lines="1" class="text_10">¥10.00</text>
	      </view>
	      <view class="text-wrapper_5">
	        <text lines="1" decode="true" class="text_11">商品金额&nbsp;&nbsp;&nbsp;&nbsp;</text>
	        <text lines="1" class="text_12">¥299.00</text>
	      </view>
	      <view class="group_7">
	        <view class="text-wrapper_6">
	          <text lines="1" class="text_13">买家留言：</text>
	          <text lines="1" decode="true" class="text_14">选填，清先和商家协商一致&nbsp;&nbsp;&nbsp;&nbsp;</text>
	        </view>
	      </view>
	    </view>
	    <view class="group_8">
	      <text lines="1" class="text_15">合计：</text>
	      <view class="text-wrapper_7">
	        <text lines="1" class="text_16">¥309.</text>
	        <text lines="1" class="text_17">00</text>
	      </view>
	      <view class="text-wrapper_8">
	        <text lines="1" class="text_18">提交订单</text>
	      </view>
	    </view>
	    <view class="group_9">
	      <image src="/static/img/378bafc4beac26fccccd59762a9c2631.png" class="image_1"></image>
	      <view class="group_12">
	        <image src="/static/img/7d44f84f79d683904997f22167e7ce62.png" class="image_2"></image>
	        <text lines="1" class="text_19">待付款的订单</text>
	        <image src="/static/img/d83897f67f37ce9506f2b40c773234a6.png" class="image_3"></image>
	      </view>
	      <view class="image-wrapper_1">
	        <image src="/static/img/0161e0a2f9fd0299afcb8437731240c2.png" class="image_4"></image>
	      </view>
	      <view class="box_3">
	        <image src="/static/img/60668310fac509ca110114be211f8ea7.png" class="label_2"></image>
	        <view class="text-group_11">
	          <text lines="1" class="paragraph_1">辽宁省沈阳市沈河区备战接到华府天地<br/>c4座1406号</text>
	          <text lines="1" class="text_20">高志明：15901402925</text>
	        </view>
	        <image src="/static/img/ac7b787cbc5994f6a29d12d07be862c5.png" class="thumbnail_1"></image>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script>
</script>

<style>
	.page {
	  position: relative;
	  width: 750rpx;
	  height: 1534rpx;
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
	}
	.box_1 {
	  position: relative;
	  width: 750rpx;
	  height: 1534rpx;
	  background: url(/static/img/5e12b599574c56b0f220e65d6fd1acfb.png) 100% no-repeat;
	  background-size: 100% 100%;
	  flex-direction: row;
	  display: flex;
	}
	.section_5 {
	  width: 750rpx;
	  height: 1152rpx;
	  margin-top: 253rpx;
	  display: flex;
	  flex-direction: column;
	}
	.group_2 {
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: NaNrpx;
	  width: 689rpx;
	  height: 80rpx;
	  display: flex;
	  flex-direction: row;
	  margin: 122rpx 0 0 30rpx;
	}
	.image-text_8 {
	  width: 120rpx;
	  height: 27rpx;
	  flex-direction: row;
	  display: flex;
	  justify-content: space-between;
	  margin: 29rpx 0 0 21rpx;
	}
	.label_1 {
	  width: 25rpx;
	  height: 23rpx;
	  margin-top: 1rpx;
	}
	.text-group_1 {
	  width: 84rpx;
	  height: 27rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 28rpx;
	  font-family: PingFangSC-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 40rpx;
	}
	.group_3 {
	  background-color: rgba(255,255,255,1.000000);
	  width: 690rpx;
	  height: 160rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 2rpx 0 0 30rpx;
	}
	.group_4 {
	  background-color: rgba(247,247,247,1.000000);
	  border-radius: 10rpx;
	  width: 120rpx;
	  height: 120rpx;
	  display: flex;
	  flex-direction: column;
	  margin: 20rpx 0 0 19rpx;
	}
	.box_7 {
	  width: 100rpx;
	  height: 99rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  margin: 21rpx 0 0 20rpx;
	}
	.text-group_10 {
	  width: 100rpx;
	  height: 61rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.text_1 {
	  width: 100rpx;
	  height: 26rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 26rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text-wrapper_1 {
	  width: 73rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  font-size: 0rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	  margin: 12rpx 0 0 2rpx;
	}
	.text_2 {
	  width: 73rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  color: rgba(153, 153, 153, 1);
	  font-size: 24rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text_3 {
	  width: 73rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  color: rgba(153, 153, 153, 1);
	  font-size: 24rpx;
	  font-family: PingFangSC-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text-wrapper_2 {
	  width: 19rpx;
	  height: 19rpx;
	  overflow-wrap: break-word;
	  font-size: 0rpx;
	  font-family: PingFangSC-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	  margin-top: 19rpx;
	}
	.text_4 {
	  width: 19rpx;
	  height: 19rpx;
	  overflow-wrap: break-word;
	  color: rgba(153, 153, 153, 1);
	  font-size: 24rpx;
	  font-family: PingFangSC-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text_5 {
	  width: 19rpx;
	  height: 19rpx;
	  overflow-wrap: break-word;
	  color: rgba(153, 153, 153, 1);
	  font-size: 24rpx;
	  font-family: STHeitiSC-Light;
	  font-weight: 300;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text-wrapper_3 {
	  width: 100rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  font-size: 0rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	  margin: 67rpx 22rpx 0 309rpx;
	}
	.text_6 {
	  width: 100rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  color: rgba(255, 31, 31, 1);
	  font-size: 24rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text_7 {
	  width: 100rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  color: rgba(255, 31, 31, 1);
	  font-size: 28rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.group_6 {
	  background-color: rgba(255,255,255,1.000000);
	  width: 687rpx;
	  height: 87rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 20rpx 0 0 31rpx;
	}
	.text-wrapper_4 {
	  width: 240rpx;
	  height: 26rpx;
	  overflow-wrap: break-word;
	  font-size: 0rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 282rpx;
	  margin: 31rpx 0 0 21rpx;
	}
	.text_8 {
	  width: 240rpx;
	  height: 26rpx;
	  overflow-wrap: break-word;
	  color: rgba(51, 51, 51, 1);
	  font-size: 28rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text_9 {
	  width: 240rpx;
	  height: 26rpx;
	  overflow-wrap: break-word;
	  color: rgba(153, 153, 153, 1);
	  font-size: 28rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text_10 {
	  width: 72rpx;
	  height: 22rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 26rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 282rpx;
	  margin: 35rpx 20rpx 0 334rpx;
	}
	.text-wrapper_5 {
	  background-color: rgba(255,255,255,1.000000);
	  width: 687rpx;
	  height: 87rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 2rpx 0 0 31rpx;
	}
	.text_11 {
	  width: 105rpx;
	  height: 27rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 28rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 282rpx;
	  margin: 30rpx 0 0 22rpx;
	}
	.text_12 {
	  width: 85rpx;
	  height: 22rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 26rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 282rpx;
	  margin: 35rpx 17rpx 0 458rpx;
	}
	.group_7 {
	  background-color: rgba(255,255,255,1.000000);
	  height: 87rpx;
	  display: flex;
	  flex-direction: column;
	  width: 687rpx;
	  margin: 20rpx 0 485rpx 31rpx;
	}
	.text-wrapper_6 {
	  width: 451rpx;
	  height: 27rpx;
	  overflow-wrap: break-word;
	  font-size: 0rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 282rpx;
	  margin: 30rpx 0 0 22rpx;
	}
	.text_13 {
	  width: 451rpx;
	  height: 27rpx;
	  overflow-wrap: break-word;
	  color: rgba(51, 51, 51, 1);
	  font-size: 28rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.text_14 {
	  width: 451rpx;
	  height: 27rpx;
	  overflow-wrap: break-word;
	  color: rgba(153, 153, 153, 1);
	  font-size: 28rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	}
	.group_8 {
	  box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.100000);
	  background-color: rgba(255,255,255,1.000000);
	  width: 750rpx;
	  height: 130rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 1404rpx 0 0 -750rpx;
	}
	.text_15 {
	  width: 60rpx;
	  height: 23rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 24rpx;
	  font-family: PingFangSC-Regular;
	  font-weight: normal;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 30rpx;
	  margin: 61rpx 0 0 204rpx;
	}
	.text-wrapper_7 {
	  width: 139rpx;
	  height: 30rpx;
	  overflow-wrap: break-word;
	  font-size: 0rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 30rpx;
	  margin: 52rpx 0 0 17rpx;
	}
	.text_16 {
	  width: 139rpx;
	  height: 30rpx;
	  overflow-wrap: break-word;
	  color: rgba(255, 31, 31, 1);
	  font-size: 36rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 30rpx;
	}
	.text_17 {
	  width: 139rpx;
	  height: 30rpx;
	  overflow-wrap: break-word;
	  color: rgba(255, 31, 31, 1);
	  font-size: 30rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 30rpx;
	}
	.text-wrapper_8 {
	  background-color: rgba(25,83,247,1.000000);
	  border-radius: 40rpx;
	  height: 80rpx;
	  display: flex;
	  flex-direction: column;
	  width: 268rpx;
	  margin: 32rpx 18rpx 0 44rpx;
	}
	.text_18 {
	  width: 122rpx;
	  height: 29rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1);
	  font-size: 30rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 39rpx;
	  margin: 26rpx 0 0 73rpx;
	}
	.group_9 {
	  background-image: linear-gradient(68deg, rgba(25,83,247,1.000000) 0, rgba(25,83,247,1.000000) 0, rgba(25,83,247,1.000000) 49.023438%, rgba(17,160,242,1.000000) 100.000000%, rgba(17,160,242,1.000000) 100.000000%);
	  position: absolute;
	  left: 0rpx;
	  top: 0rpx;
	  width: 750rpx;
	  height: 253rpx;
	  display: flex;
	  flex-direction: column;
	}
	.image_1 {
	  width: 722rpx;
	  height: 25rpx;
	  margin: 10rpx 0 0 15rpx;
	}
	.group_12 {
	  width: 695rpx;
	  height: 42rpx;
	  flex-direction: row;
	  display: flex;
	  margin: 27rpx 0 149rpx 24rpx;
	}
	.image_2 {
	  width: 17rpx;
	  height: 33rpx;
	  margin-top: 7rpx;
	}
	.text_19 {
	  width: 218rpx;
	  height: 35rpx;
	  overflow-wrap: break-word;
	  color: rgba(255,255,255,1);
	  font-size: 36rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	  margin: 7rpx 0 0 225rpx;
	}
	.image_3 {
	  width: 121rpx;
	  height: 37rpx;
	  margin-left: 114rpx;
	}
	.image-wrapper_1 {
	  border-radius: 32rpx;
	  height: 64rpx;
	  border: 1px solid rgba(255,255,255,1);
	  display: flex;
	  flex-direction: column;
	  width: 174rpx;
	  position: absolute;
	  left: 571rpx;
	  top: 49rpx;
	}
	.image_4 {
	  width: 1rpx;
	  height: 37rpx;
	  margin: 13rpx 0 0 87rpx;
	}
	.box_3 {
	  background-color: rgba(255,255,255,1.000000);
	  border-radius: 20rpx;
	  position: absolute;
	  left: 30rpx;
	  top: 153rpx;
	  width: 690rpx;
	  height: 200rpx;
	  flex-direction: row;
	  display: flex;
	}
	.label_2 {
	  width: 22rpx;
	  height: 28rpx;
	  margin: 42rpx 0 0 28rpx;
	}
	.text-group_11 {
	  width: 556rpx;
	  height: 128rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  margin: 40rpx 0 0 22rpx;
	}
	.paragraph_1 {
	  width: 556rpx;
	  height: 71rpx;
	  overflow-wrap: break-word;
	  color: rgba(51,51,51,1);
	  font-size: 32rpx;
	  font-family: PingFangSC-Regular;
	  font-weight: normal;
	  text-align: left;
	  line-height: 40rpx;
	}
	.text_20 {
	  width: 291rpx;
	  height: 29rpx;
	  overflow-wrap: break-word;
	  color: rgba(153,153,153,1);
	  font-size: 30rpx;
	  font-family: STHeitiSC-Medium;
	  font-weight: 500;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 292rpx;
	  margin: 28rpx 0 0 1rpx;
	}
	.thumbnail_1 {
	  width: 12rpx;
	  height: 20rpx;
	  margin: 90rpx 24rpx 0 26rpx;
	}
</style>